﻿<%@ Page Title="" Language="C#" MasterPageFile="~/SchoolGap.master" AutoEventWireup="true" CodeFile="EditSession.aspx.cs" Inherits="EditSession" %>

<asp:Content ID="Content1" ContentPlaceHolderID="Header" Runat="Server">



<script type="text/javascript" src="js/ui/ui.tabs.js"></script>

<!-- System JS-->
<script type="text/javascript" src="js/system/new_session.js"></script>
<script type="text/javascript" src="js/system/edit_session.js"></script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="PageTitle" Runat="Server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" Runat="Server">


<div id="tabs">
					<ul>
						<li><a href="#tabs-1">Add / Edit Class</a></li>
						<li><a href="#tabs-2">Add / Edit Subjects</a></li>
						<li><a href="#tabs-3">Assign / Un-Assign</a></li>
					</ul>

					
                    <!--CLASS -->
                    <div id="tabs-1">
                    
                        <h2 class="StepTitle">Add / Edit Class Name(s) of the Current Session</h2> 
       <!-- step content -->
        
        <table>
        <tr><td>
        
         <input id="txtClassName" type="text" style="float:left" />
       
            <a class="btn ui-state-default ui-corner-all"  onclick="AddClass()">
		    <span class="ui-icon ui-icon-plus"></span>Add Class
			</a>
        
        </td></tr>
        </table>

                    <div class="hastable">
<form name="myform" class="pager-form" method="post" action="#">
						<table id="ClassList" style="margin:0"> 
						<thead> 
						<tr>
							
						    <th>Class Name</th> 
							<th style="width:128px">Options</th> 
						</tr> 
						</thead> 
						<tbody> 
						<tr>
							 
						    <td>Doe</td> 
						    
						    <td>
								<a class="btn_no_text btn ui-state-default ui-corner-all tooltip" title="Edit this Class" href="#">
									<span class="ui-icon ui-icon-wrench"></span>
								</a>
								
								
								<a class="btn_no_text btn ui-state-default ui-corner-all tooltip" title="Delete this Class" href="#">
									<span class="ui-icon ui-icon-circle-close"></span>
								</a>
							</td>
						</tr> 
						
						
						
						</tbody>
						</table>
						
					</form>
</div>



                    </div>
					
                    
                    
                    <!--SUBJECTS -->
                    <div id="tabs-2">

                       <h2 class="StepTitle">Add / Edit Subject Name(s) of the Current Session</h2> 
       <!-- step content -->
        
        <table>
        <tr><td>
        
         <input id="txtAddSubjectName" type="text" style="float:left" />
       
            <a class="btn ui-state-default ui-corner-all"  onclick="AddSubject()">
		    <span class="ui-icon ui-icon-plus"></span>Add Subject
			</a>
        
        </td></tr>
        </table>

                    <div class="hastable">
<form name="myform" class="pager-form" method="post" action="#">
						<table id="SubjectList" style="margin:0"> 
						<thead> 
						<tr>
							
						    <th>Subject Name</th> 
							<th style="width:128px">Options</th> 
						</tr> 
						</thead> 
						<tbody> 
						<tr>
							 
						    <td>Doe</td> 
						    
						    <td>
								<a class="btn_no_text btn ui-state-default ui-corner-all tooltip" title="Edit this Class" href="#">
									<span class="ui-icon ui-icon-wrench"></span>
								</a>
								
								
								<a class="btn_no_text btn ui-state-default ui-corner-all tooltip" title="Delete this Class" href="#">
									<span class="ui-icon ui-icon-circle-close"></span>
								</a>
							</td>
						</tr> 
						
						
						
						</tbody>
						</table>
						
					</form>
</div>


                    </div>
                    
                    <!--Assign / UnAssign -->
                    <div id="tabs-3">
                    
                     <h2 class="StepTitle">Add Subject & Assign it to Class</h2>   
       <!-- step content -->

       <table>

       <tr>
       <td>Select Class:</td>
       <td><select><option>Class 1A</option><option>Class 1B</option></select></td>
       </tr>

       <tr>
       <td >Select Subject:</td>
       <td>
       <select onchange="SubjectChange()" id="SelectedSubject">
       <option>New</option>
       <option>English</option> 
       
       </select></td>
       </tr>
       

       <tr id="AddSubjectTr" >
       <td >New Subject Name:</td>
       <td><input type="text" id="txtNewSubject"/></td>
       </tr>


        <tr  >
       <td ></td>
       <td>
        <a class="btn ui-state-default ui-corner-all"  onclick="AssignSubjectsToClass()">
		    <span class="ui-icon ui-icon-plus"></span>Assign</a>
       
       </td>
       </tr>

      

       </table>





  
<div class="hastable">
<form name="myform" class="pager-form" method="post" action="#">
						<table id="AssignedSubjects" style="margin:0"> 
						<thead> 
						<tr>
							
						    <th>Assigned Subjects</th> 
							<th style="width:128px">Options</th> 
						</tr> 
						</thead> 
						<tbody> 
						<tr>
							 
						    <td>Doe</td> 
						    
						    <td>
								<a class="btn_no_text btn ui-state-default ui-corner-all tooltip" title="Edit this Class" href="#">
									<span class="ui-icon ui-icon-wrench"></span>
								</a>
								
								
								<a class="btn_no_text btn ui-state-default ui-corner-all tooltip" title="Delete this Class" href="#">
									<span class="ui-icon ui-icon-circle-close"></span>
								</a>
							</td>
						</tr> 
						
						
						
						</tbody>
						</table>
						
					</form>
</div>
                    
                    </div>

</div>



</asp:Content>

